<%@ page import="com.atkxp.pojo.Blog" %>
<%@ page import="java.util.List" %>
<%@ page import="com.atkxp.service.UserService" %>
<%@ page import="com.atkxp.pojo.User" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%--
  Created by IntelliJ IDEA.
  User: longhunpomie
  Date: 2022/10/30
  Time: 21:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"  isELIgnored="false" %>
<html>
<head>
    <title>我的博客</title>
    <%
        String basePath = request.getScheme() + "://" +
                request.getServerName() +
                ":" + request.getServerPort() +
                request.getContextPath() + "/";
        pageContext.setAttribute("basePath", basePath);
    %>
    <base href="<%=basePath%>"/>
    <link rel="shortcut icon" href="static/img/logo_chzu1.png" type="image/x-icon" />
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css">

    <!-- Latest compiled and minified JavaScript -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script type="text/javascript" language="JavaScript">
        function A(){
            window.location.href="${basePath}/user/toUpdateUserInfo";
        }
        function deleteBlog(id){
            if(confirm("确认要删除吗？"))
                window.location.href="${basePath}/blog/deleteBlog?id="+id+"&flag=false";
        }
    </script>
    <jsp:include page="/pages/common/indexScript.jsp"></jsp:include>
</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="${basePath}" class="brand" style="color: green">滁州学院博客</a>
                        <div class="nav-collapse collapse navbar-responsive-collapse">
                            <ul class="nav">
                                <li class="active">
                                    <a href="${basePath}">主页</a>
                                </li>
                                <li>
                                    <a href="${basePath}/tag/toClassification">分类</a>
                                </li>
                                <li>
                                    <a href="${basePath}/ranklist/toRankList">排行榜</a>
                                </li>
                                <li>
                                    <a href="${basePath}/user/toDynamic">动态</a>
                                </li>
                            </ul>
                            <ul class="nav pull-right">
                                <li>
                                    <form class="form-search" action="${basePath}/blog/queryBlog">
                                        <input class="input-medium search-query" type="text" name="blogName" placeholder="标题，作者，内容"/> <button type="submit" class="btn">查找</button>
                                    </form>
                                </li>
                                <li>
                                    <a onclick="B()">关于</a>
                                </li>
                                <li class="divider-vertical">
                                </li>
                                <li class="dropdown">
                                    <c:if test="${not empty sessionScope.user}">
                                        <a data-toggle="dropdown" class="dropdown-toggle">
                                            <c:if test="${not empty sessionScope.user.headImg}">
                                                <img onclick="A()" src="${basePath}user/img?name=${sessionScope.user.name}" style="width: 50px;height:50px;border-radius: 50%;" alt="">
                                            </c:if>
                                            <c:if test="${empty sessionScope.user.headImg}">
                                                <img onclick="A()" src="static/img/defaultHeadImg3.png" style="width: 50px;height:50px;border-radius: 50%;" alt="">
                                            </c:if>
                                                ${sessionScope.user.name}
                                            <strong class="caret"></strong></a>
                                    </c:if>
                                    <c:if test="${empty sessionScope.user}">
                                        <a data-toggle="dropdown" class="dropdown-toggle">登录和注册<strong class="caret"></strong></a>
                                    </c:if>
                                    <ul class="dropdown-menu">
                                        <c:if test="${empty sessionScope.user}">
                                            <li>
                                                <a href="${basePath}/user/toRegist">注册</a>
                                            </li>
                                            <li>
                                                <a href="${basePath}/user/toLogin">登录</a>
                                            </li>
                                        </c:if>
                                        <c:if test="${not empty sessionScope.user}">
                                            <li>
                                                <a href="${basePath}/user/toUpdateUserInfo">修改信息</a>
                                            </li>
                                            <li>
                                                <a href="${basePath}/blog/showMyBlog?userId=${sessionScope.user.id}">我的空间</a>
                                            </li>
                                            <li class="divider">
                                            </li>
                                            <li>
                                                <a href="${basePath}/blog/toCollection?userId=${sessionScope.user.id}">我的收藏</a>
                                            </li>
                                            <li>
                                                <a href="${basePath}/blog/toHistory?userId=${sessionScope.user.id}">历史记录</a>
                                            </li>
                                            <li>
                                                <a href="${basePath}/blog/toAddBlog?name=${sessionScope.user.name}">去写博客</a>
                                            </li>
                                            <li class="divider">
                                            </li>
                                            <li>
                                                <a href="${basePath}/user/logout">注销</a>
                                            </li>
                                        </c:if>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <jsp:include page="../../pages/common/remind.jsp"></jsp:include>

     <div class="container-fluid">
         <div class="container-fluid">
             <div class="row-fluid">
                 <div class="span6">
                     <c:if test="${not empty sessionScope.user.headImg}">
                         <img  src="${basePath}user/img?name=${sessionScope.user.name}" style="width: 250px;height:250px;border-radius: 50%; display: inline" alt="">
                     </c:if>
                     <c:if test="${empty sessionScope.user.headImg}">
                         <img  src="static/img/defaultHeadImg3.png" style="width: 250px;height:250px;border-radius: 50%; display: inline" alt="">
                     </c:if>
                 </div>
                 <div class="span6">
                     <ul>
                         <li>
                             昵称：${sessionScope.user.name}
                         </li>
                         <li>
                             性别：${sessionScope.user.sex}
                         </li>
                         <li>
                             邮箱：${sessionScope.user.email}
                         </li>
                         <li>
                             <font style="color: red">被关注数：${requestScope.followCounts}</font>
                         </li>
                         <li>
                             总博客数：${requestScope.blogCounts}
                         </li>
                         <li>
                             总浏览数：${requestScope.browseCounts}
                         </li>
                         <li>
                             总喜欢数：${requestScope.likeCounts}
                         </li>
                     </ul>
                 </div>
             </div>
         </div>
    </div>
            <div>&nbsp;</div>
            <c:forEach var="blog" items="${requestScope.blogs}">
                <li class="span2" style="height: 500px; width: 175px;">
                    <div class="thumbnail">
                        <c:if test="${blog.value.value.headImg != null}">
                            <img src="${basePath}user/img?name=${blog.key.userName}" style="width: 250px; height: 180px;border-radius: 50%;"/>
                        </c:if>
                        <c:if test="${blog.value.value.headImg == null}">
                            <img src="static/img/defaultHeadImg3.png" style="width: 250px; height: 180px;border-radius: 50%;" alt=""/>
                        </c:if>
                        <div class="caption" >
                            <h4 style="color: blue">
                                    ${blog.key.userName}
                            </h4>
                            <span style="color: grey">${blog.value.key}</span>
                            <span style="color:darkolivegreen;">&nbsp;&nbsp;浏览数:<font style="color: red">${blog.key.browsesNum}</font></span>
                            <h3>
                                    ${blog.key.blogHead}
                            </h3>
                            <p style="display: -webkit-box;   overflow: hidden;   white-space: normal!important;   text-overflow: ellipsis;   word-wrap: break-word;   -webkit-line-clamp: 5;   -webkit-box-orient: vertical;">
                                    ${blog.key.blogContent}
                            </p>
                            <p>
                                <a class="btn btn-primary" href="${basePath}/blog/showBlog?id=${blog.key.id}">修改</a> <a class="btn" onclick="deleteBlog(${blog.key.id})">删除</a>
                            </p>
                        </div>
                    </div>
                </li>
            </c:forEach>
        </div>
    </div>
</div>
<div id="page_nav" align="center">
    <c:if test="${requestScope.page.pageNum > 1}">
        <a href="${requestScope.page.url}&pageNum=1">首页</a>
        <a href="${requestScope.page.url}&pageNum=${requestScope.page.pageNum - 1}">上一页</a>
        <a href="${requestScope.page.url}&pageNum=${requestScope.page.pageNum - 1}">${requestScope.page.pageNum - 1}</a>
    </c:if>
    【${requestScope.page.pageNum}】
    <c:if test="${requestScope.page.pageNum < requestScope.page.pageTotalPage}">
        <a href="${requestScope.page.url}&pageNum=${requestScope.page.pageNum + 1}">${requestScope.page.pageNum + 1}</a>
        <a href="${requestScope.page.url}&pageNum=${requestScope.page.pageNum + 1}">下一页</a>
        <a href="${requestScope.page.url}&pageNum=${requestScope.page.pageTotalPage}">末页</a>
    </c:if>
    共${requestScope.page.pageTotalPage}页，${requestScope.page.pageTotalCount}条记录 到第<input value="${requestScope.page.pageNum}" name="pn" id="pn_input"/>页
    <input type="button" value="确定" id="btn">
    <script>
        $(function (){
            $("#btn").click(function (){
                var pageNum = $("#pn_input").val();
                if(pageNum <= ${requestScope.page.pageTotalPage} && pageNum >= 1)
                    location.href="${requestScope.page.url}&pageNum=" + pageNum;
                else alert("页码不正确！");
            });
        });
    </script>
</div>
<jsp:include page="../../pages/common/footer.jsp"></jsp:include>
</body>
</html>
